<template>
  <div>
      <app-header></app-header>
      <app-left></app-left>
      <app-main></app-main>
  </div>
</template>
<script>
import AppHeader from './Header'
import AppLeft from './Left'
import AppMain from './Main'
export default {
    components: {
        AppHeader,
        AppLeft,
        AppMain
    }
}
</script>
<style scoped>
.header {
    position: absolute;
    line-height: 40px;
    background-color: #2e3235;
    left: 0px;
    right: 0px;
    top: 0px;
}
.left {
    position: absolute;
    width: 130px;
    top: 40px;
    left: 0px;
    bottom: 0px;
    background-color: #2e3235;
    color: #ffffff;
    overflow-y: auto;
}
.main {
    position: absolute;
    top: 40px;
    left: 130px;
    bottom: 0px;
    right: 0px;
    padding: 10px;
    overflow-y: auto;
    background-color: #f4f4f4;
}
</style>